@charset "utf-8";
/* CSS Document */


/* TABLE OF CONTENTS

    0. IMPORT SECTION	
    1. load
    2. Basic
	3. header
	4. left_menu
	5. carousel
	6. index_mid_btn
    7. index_mid_banner
    15. FOOTER	
    16. Back-to-top
    00. web

*/


/* 0. IMPORT SECTION */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); /*思源體*/
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css); /*黑體*/
@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css); /*圓體*/


/* 1. load */
	#st-preloader {
		background: #FFF;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9999;
	}
	#pre-status,
	.preload-placeholder {
		background-image: url(../images/s_preloader.gif);
		background-position: center;
		background-repeat: no-repeat;
		height: 40px;
		left: 50%;
		margin: -20px 0 0 -20px;
		position: absolute;
		top: 50%;
		width: 40px;
	}

	.preload-placeholder {
		background: none;
		left: 0;
		margin: 0;
		text-align: center;
		top: 65%;
	}




/* 2. Basic */
body{
    border-top: 4px solid rgb(104, 56, 119);
    font-family: 微軟正黑體, "Trebuchet MS";
    font-size: 16px;
    line-height: 1.7857;
    color: #3e3a39;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    text-transform: uppercase;
}
a { 
    color: #3e3a39;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:visited      {color: #3e3a39; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
a:active       {color: #3e3a39; text-decoration: none;}
a:hover        {color: #b75318; text-decoration: underline;}
input, select { font-size: 14px; line-height: 100%; padding: 0; margin: 0;}



/* 清除浮動 */
.clear{display: block; visibility: hidden; clear: both; height: 0px; margin:0px; padding:0px; font-size: 0px;}
img{border:0; vertical-align: bottom;} /** vertical-align: bottom; 用於圖片產生一些空隔高度的bug */
table {
	border: 0px;
	border-collapse:collapse;
}






/* 3. header */
header {
    background: transparent;
}

.navbar { margin-bottom: 0;}

.navbar-default { background-color:transparent; border-color: #fff;}
nav.navbar .container-fluid { padding: 0; margin: 0;}
nav.navbar .navbar-collapse{ padding: 0;}
nav.navbar { border: 0;}

.navbar-brand{
    margin: 0;
    padding: 0;
    height: auto;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    float: left;
    width: 88%;
    margin: 10px 0 15px -12px;
    padding: 0;
    height: auto;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand img {
    width: 98%;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-header{
    float: right;
    margin-top: 28px;
}
nav.navbar .navbar-collapse {
    clear: both;
    text-align: left;
}


.navbar-default ul.navbar-right {
    margin: 0;
    padding: 0;
    border-bottom: 1px #e7e7e7 solid;
}
.navbar-default ul.navbar-right>li {
    margin: 0;
    padding: 15px 0;
    font-size: 17px;
    float: left;
    width: 50%;
}
.navbar-default ul.navbar-right>li>a{
    padding: 0 0 0 70px;
    margin: 0;
}
.navbar-default ul.navbar-right>li:nth-child(even)>a{
    padding: 0 0 0 20px;
    margin: 0;
}

/*menu*/
.navbar-default ul.navbar-menu>li{
    padding: 9px 0 5px 0;
    background: url(../images/mobile_menu-bg.jpg);
    border-bottom: 1px #e7e7e7 solid; 
}
.navbar-default ul.navbar-menu>li>a {
    font-size: 25px;
    letter-spacing: 0.045em;
    font-family: 'cwTeXYen', sans-serif;
    padding-left: 115px;
}
.navbar-default ul.navbar-menu>li:before {
    position: absolute;
    content: "\f123";
    font-family: 'FontAwesome';
    font-weight: 400;
    font-size: 23px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0 0 0 85px;
    color: #777777;
    top: 6px;
}
.navbar-default ul.navbar-menu>li>a:hover {
    color: #572467;
    background: rgba(253, 225, 157, 1);
}


.dropdown-menu {
    display: block;
    float: none;
    min-width: auto;
    position: relative;
    font-size: 15px;
}
.dropdown-menu>li {
    background: url(../images/mobile_menu-bg.jpg);
}
.dropdown-menu>li>a {
    padding: 12px 10px 8px 115px;
    background: rgba(104, 56, 119, 0.1);
    font-size: 22px;
    border-bottom: 1px #fff solid;
    color: #777;
    font-family: 'cwTeXYen', sans-serif;
}
div.category { display: none;}
/*第三層*/
.dropdown-menu>li>ul { padding: 0; margin: 0;}
.dropdown-menu>li>ul>li {
    padding: 12px 10px 8px 115px;
    background: rgba(161, 129, 171, 0.1);
    font-size: 22px;
    border-bottom: 1px #fff solid;
    font-family: 'cwTeXYen', sans-serif;
    list-style: none;
}
.dropdown-menu>li>ul>li>a {
    color: #777;
}


/*blog*/
div.blog-item {
    margin-bottom: 30px;
    padding-bottom: 20px;
    /*border-bottom: 1px dashed #ddd;*/
}
/*
div.blog-item h1 {
    background: url(../images/s_title_main.gif) top left no-repeat;
    padding: 12px 0 6px 127px; margin: 0;
    font-size: 15px; font-weight: normal;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}
div.blog-item h1.about { background-position: 0 0;}/*學會介紹
div.blog-item h1.news { background-position: 0 -34px;}/*活動公告
div.blog-item h1.member { background-position: 0 -68px;}/*會員專區
div.blog-item h1.health { background-position: 0 -102px;}/*民眾專區
div.blog-item h1.publishing { background-position: 0 -136px; padding: 7px 0 0 145px;}/*教育與出版
div.blog-item h1.committee { background-position: 0 -170px;}/*委員會
div.blog-item h1.apply { background-position: 0 -204px; padding: 7px 0 0 165px;}/*線上積分申請
*/
div.blog-item h1.main_title {
    padding: 0; margin: 0;
    background: url(../images/title_main_bg.gif) top left repeat-x;
    overflow: overlay;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
} 
div.blog-item h1.main_title ul { padding: 0; margin: 0;}
div.blog-item h1.main_title ul li { list-style: none;}
div.blog-item h1.main_title ul li:first-child {
    background: #ef7a35;
    /*height: 34px;*/
    color: #fff;
    font-family: 'cwTeXHei', sans-serif;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 8px 15px 8px 10px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    text-align: center;
 }
div.blog-item h1.main_title ul li:last-child {
    font-size: 15px;
    font-weight: normal;
    padding: 9px 20px 10px 10px;
    text-align: center;
}

h2.breadCrumbs {
    text-align: right;
    font-size: 13px; font-weight: normal;
    color: #b75318;
    margin: 5px 0;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

/** news **/
div.blog-item div#article { margin-top: 10px; line-height: 200%;}









/* 5. carousel */
div.index_carousel {
    background: url(../images/bg_index_top.gif) repeat-x;
    background-position: 0 -187px;
}







/* 6. index_mid_btn */
.index_mid_btn {
    margin-top: 4px;
    height: auto;
    background: #e4e4e4 url(../images/bg_index_top.gif) repeat-x;
    background-position: 0 -631px;
    padding-bottom: 15px;
}

.index_mid_btn ul {
    margin: 23px 0 0 0;
    padding: 0;
    text-align: center;
}
.index_mid_btn ul li {
    list-style: none; display: inline;
    padding: 10px 20px 0 56px;
    background-position: 30px;
}
.index_mid_btn ul li.mtb1 {
    background: url(../images/icon_index_01.png) top left no-repeat;
    background-position: 10px 10px;
    width: 40%;
    display: inline-flex;
}
.index_mid_btn ul li.mtb2 {
    background: url(../images/icon_index_02.png) top left no-repeat;
    background-position: 10px 10px;
    display: inline-flex;
    width: 40%;
}
.index_mid_btn ul li.mtb3 {
    background: url(../images/icon_index_03.png) top left no-repeat;
    background-position: 10px 15px;
    border-top: 1px dashed #999;
    padding-top: 15px;
    width: 40%;
    display: inline-flex;
}
.index_mid_btn ul li.mtb4 {
    background: url(../images/icon_index_04.png) top left no-repeat;
    background-position: 10px 15px;
    border-top: 1px dashed #999;
    padding-top: 15px;
    display: inline-flex;
    width: 40%;
}
.index_mid_btn ul li a {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: bold; font-size: 23px;
}







/* 7. index_mid_banner */
.index_mid_banner {
    margin-top: 34px;
}
.index_mid_banner div.left_banner ul {
    margin: 0 -15px 0 -15px;
    padding: 0;
}
.index_mid_banner div.left_banner ul li {
    list-style: none;
    background: #ebeaea;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 258px;
    margin: 0 auto 15px auto;
    overflow: auto;
}

.index_mid_banner div.left_banner ul li div{
    padding: 13px 15px 15px 15px;
    height: 145px;
}
.index_mid_banner div.left_banner ul li a.more{
    background: url(../images/icon_more.gif);
    display: block;
    width: 63px;
    height: 22px;
    padding: 0;
    margin: 0 14px 14px 0;
    float: right;
    text-indent: -5000px;
    font-size: 0px;
}

.index_mid_banner div.right_banner {
    text-align: center;
}
.index_mid_banner div.right_banner ul {
    margin: 0 -15px 0 -15px;
    padding: 0;
}
.index_mid_banner div.right_banner ul li {
    list-style: none;
    margin-bottom: 15px;
}

















/* 15. FOOTER */

	footer#footer{
		background:url(../images/bg_footer.gif) top left repeat-x;
		clear: both;
		margin-top: 20px;
        padding-bottom: 35px; padding-top: 10px;
		text-align: center;
		font-size: 13px;
	}

	footer#footer ul.fMenu li a{
		/*color: rgba(255, 255, 255, 0.4);*/
		font-size: 13px;
	}
	footer#footer ul.fMenu li:last-child a {
		/*border-right: 1px #703a6d solid;*/
	}
	footer#footer a:hover{
		color: #b75318;
	}
	footer#footer h5{
		margin-top: 25px;
        padding: 0 15px;
        font-size: 15px;
	}
    footer#footer div.info {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    footer#footer div.info ul {
        margin: 0; padding: 0;
    }

    footer#footer div.info ul li {
        display: inline-block;
        list-style: none;
        padding-right: 15px;
    }
    footer#footer div.info ul li a {
        border-left: none;
        padding-left: 0;
    }
	footer#footer p{
        padding: 0 15px;
	}

    footer#footer div.col-sm-12 {
        background: #f3eef4;
        padding-bottom: 5px;
    }











/* 16. Back-to-top */
#back-to-top {
    display:none;
    position:fixed;
    bottom:30px;
    right:30px;
    height:40px;
    width:40px;
    cursor:pointer;
    background:#000000;
    line-height:1em;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background-image:url(../images/s_triangle.png);
    background-position: 12px 16px;
    background-repeat:no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#back-to-top:hover {

    background-color:#572467;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}






















/* 00. web -------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {

    header {
        background: url(../images/N_bg_top.gif) left top repeat-x;
    }
    .navbar { margin-bottom: 20px;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin: 0;
        padding: 0;
        float: left;
        width: 479px;
        line-height: normal;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand img {
        width: auto;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-header{
        display: block;
    }



    /*menu*/
    .navbar-default ul.navbar-menu {
        float: right;
        clear: both;
        background: rgba(87, 36, 103, 1);
        padding: 0;
    }
    .navbar-default ul.navbar-menu>li{
        background: none;
        padding: 0;
        border-bottom: none; 
    }
    .navbar-default ul.navbar-menu>li>a {
        padding: 12px 15px 8px 15px;
        font-size: 25px;
        letter-spacing: 0.045em;
        color: #fff;
        font-family: 'cwTeXYen', sans-serif;
        border-right: 1px #ae95b5 solid;
        border-bottom: none;
    }
    .navbar-default ul.navbar-menu>li:before {
        content: "　";
        padding: 0;
        font-size: 0;
    }
    .navbar-default ul.navbar-menu>li:last-child>a {
	  border-right: none;
    }
    .navbar-default ul.navbar-menu>li>a:hover {
      color: #572467;
	  background: rgba(253, 225, 157, 1);
    }

    nav.navbar .navbar-collapse {
        clear: none;
    }
    .navbar-default ul.navbar-right {
        background: url(../images/menu_top_bg.png) left no-repeat;
        width: 390px;
        height: 35px;
        text-align: center;
        margin-right: 0;
        padding-left: 0;
        position: absolute;
        right: 0;
        border-bottom: none;
    }
    .navbar-default ul.navbar-right>li {
        margin: 0;
        border-right: 1px #fff solid;
        padding: 0 10px 0 12px;
        border-bottom: none;
        width: auto;
        letter-spacing: -1px;
    }
    .navbar-default ul.navbar-right>li span {
        color: #FFFF00;
        font-size: 14px;
    }
    .navbar-default ul.navbar-right>li:last-child {
	  border-right: none;
    }
    .navbar-default ul.navbar-right>li>a {
        letter-spacing: 0;
        line-height: 1.7857;
        font-size: 14px;
        color: #fff;
        padding: 0;
        margin: 0;
        border-bottom: none;
        display: inline;
    }
    .navbar-default ul.navbar-right>li:nth-child(even)>a{
        padding: 0;
    }
    .navbar-default ul.navbar-right>li>a:hover {
      color: #c181d5;
    }
    .dropdown-menu {display: none;}



    /*left_menu*/
    div.category { display: block;}
    div.category h4 {
        color: #4b1551;
        padding: 8px 0 6px 19px; margin:0;
        border: 1px #9a9a9a solid;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,dddddd+78,f0f0f0+100 */
        background: rgb(240,240,240); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(221,221,221,1) 78%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(221,221,221,1) 78%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(221,221,221,1) 78%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
        font-family: 'cwTeXHei', sans-serif;
    }
    div.category ul li {
        border-left: 1px #9a9a9a solid;
        border-right: 1px #9a9a9a solid;
        border-bottom: 1px #9a9a9a solid;
        padding: 8px 0 6px 20px; margin:0;
        list-style: none;
        padding: 10px 0 5px 0; border-bottom: 1px dotted #8f817b;
    }
    div.category ul li:hover { background: #fcebe1;}
    div.category ul li a {
        display: inline-block;
        width: 100%;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        display: block; padding-left: 37px; padding-right: 8px;
        background: url(../images/icon_arrow_01.png) left top no-repeat; background-position: 20px 9px;
        text-decoration: none;
    }
    div.category ul li a:hover { color: #b75318;}
    div.category ul li dl { padding: 0; margin: 0;}
    div.category ul li dd {
        border-top: 1px dotted #8f817b; border-bottom: none; padding: 10px 0 5px 0; background: #fff;
    }
    div.category ul li dd:last-child { padding: 10px 0 0 0;}
    div.category ul li dd a {
        display: block; padding-left: 54px;
        background: url(../images/icon_arrow_02.png) left top no-repeat; background-position: 40px 8px;
    }
    div.category ul li dd:hover { background: #fcebe1;}



    /*blog*/
    div.blog-item {
        margin-bottom: 30px;
        padding-bottom: 20px;
        /*border-bottom: 1px dashed #ddd;*/
    }
    /*
    div.blog-item h1 {
        background: url(../images/s_title_main.gif) top left no-repeat;
        padding: 12px 0 6px 127px; margin: 0;
        font-size: 15px; font-weight: normal;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
    }
    div.blog-item h1.about { background-position: 0 0;}/*學會介紹
    div.blog-item h1.news { background-position: 0 -34px;}/*活動公告
    div.blog-item h1.member { background-position: 0 -68px;}/*會員專區
    div.blog-item h1.health { background-position: 0 -102px;}/*民眾專區
    div.blog-item h1.publishing { background-position: 0 -136px; padding: 7px 0 0 145px;}/*教育與出版
    div.blog-item h1.committee { background-position: 0 -170px;}/*委員會
    div.blog-item h1.apply { background-position: 0 -204px; padding: 7px 0 0 165px;}/*線上積分申請
    */
    div.blog-item h1.main_title {
        padding: 0; margin: 0;
        background: url(../images/title_main_bg.gif) top left repeat-x;
        height: 34px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
    } 
    div.blog-item h1.main_title ul { padding: 0; margin: 0;}
    div.blog-item h1.main_title ul li { list-style: none; float: left;}
    div.blog-item h1.main_title ul li:first-child {
        background: #ef7a35;
        height: 34px;
        color: #fff;
        font-family: 'cwTeXHei', sans-serif;
        font-size: 19px;
        font-weight: normal;
        letter-spacing: 3px;
        padding: 8px 15px 0 20px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
    }
    div.blog-item h1.main_title ul li:last-child {
        font-size: 15px;
        font-weight: normal;
        padding: 10px 20px 0 10px;

    }
    

    h2.breadCrumbs {
        text-align: right;
        font-size: 13px; font-weight: normal;
        color: #b75318;
        margin: 5px 0;
        letter-spacing: 1px;
        margin-bottom: 8px;
        clear: both;
    }



    /** news **/
    div.blog-item div#article { margin-top: 10px; line-height: 200%;}





    /*footer*/
    footer#footer div.col-sm-12 {
        background: none;
        padding-bottom: 15px;
    }


	footer#footer ul.fMenu li a{
		/*color: rgba(255, 255, 255, 0.4);*/
		border-right: 1px #703a6d solid;
		padding-right: 20px;
		font-size: 13px;
	}
	footer#footer ul.fMenu li:first-child a {
		padding-left: 20px;
		border-left: 1px #703a6d solid;
	}
	footer#footer ul.fMenu li:last-child a {
		padding-right: 20px;
		/*border-right: 1px #703a6d solid;*/
	}

    footer#footer div.info {
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }








    /* 6. index_mid_btn */
    .index_mid_btn {
        margin-top: 4px;
        height: 77px;
        background: url(../images/bg_index_top.gif) repeat-x;
        background-position: 0 -631px;
        padding-bottom: 0;
    }

    .index_mid_btn ul {
        margin: 23px 0 0 0;
        padding: 0;
        text-align: center;
    }
    .index_mid_btn ul li {
        list-style: none; display: inline;
        padding: 10px 70px 0 76px;
        background-position: 30px;
    }
    .index_mid_btn ul li.mtb1 {
        background: url(../images/icon_index_01.png) top left no-repeat;
         background-position: 30px 1px;
        border-right: 1px dashed #999;
        width: auto;
        display: inline;
    }
    .index_mid_btn ul li.mtb2 {
        background: url(../images/icon_index_02.png) top left no-repeat;
        background-position: 30px 1px;
        border-right: 1px dashed #999;
        margin-left: 30px;
        width: auto;
        display: inline;
    }
    .index_mid_btn ul li.mtb3 {
        background: url(../images/icon_index_03.png) top left no-repeat;
        background-position: 30px 5px;
        border-right: 1px dashed #999; border-top: none;
        padding-top: 15px; margin-left: 30px;
        width: auto;
        display: inline;
    }
    .index_mid_btn ul li.mtb4 {
        background: url(../images/icon_index_04.png) top left no-repeat;
        background-position: 30px 5px; 
        border-top: none;
        padding-top: 15px; margin-left: 30px;
        width: auto;
        display: inline;
    }
    .index_mid_btn ul li a {
        font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
        font-weight: bold; font-size: 23px;
    }






    /* 7. index_mid_banner */
    .index_mid_banner {
        margin-top: 34px;
    }
    .index_mid_banner div.left_banner ul {
        margin: 0 -15px 0 -15px;
        padding: 0;
    }
    .index_mid_banner div.left_banner ul li {
        list-style: none; float: left;
        background: #ebeaea;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        width: 258px;
        margin: 0 45px 30px 0;
    }
    .index_mid_banner div.left_banner ul li:last-child{
        margin-right: 0;
    }
    .index_mid_banner div.left_banner ul li div{
        padding: 13px 15px 15px 15px;
        height: 145px;
    }
    .index_mid_banner div.left_banner ul li a.more{
        background: url(../images/icon_more.gif);
        display: block;
        width: 63px;
        height: 22px;
        padding: 0;
        margin: 0 14px 14px 0;
        float: right;
        text-indent: -5000px;
        font-size: 0px;
    }
    
    .index_mid_banner div.right_banner {
        text-align: right;
    }
    .index_mid_banner div.right_banner ul {
        margin: 0 -15px 0 -15px;
        padding: 0;
        float: right;
    }
    .index_mid_banner div.right_banner ul li {
        list-style: none;
        margin-bottom: 10px;
        float: right;
        padding-left: 5%;
    }














}










/* 00. ipad -------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 641px) and (max-width: 800px) {


    /*menu*/
    .navbar-default ul.navbar-menu {
        float: none;
        clear: both;
        background: rgba(87, 36, 103, 1);
        padding: 0;
    }
    .navbar-default ul.navbar-menu>li>a {
        padding: 12px 7px 8px 7px;
        font-size: 22px;
        letter-spacing: 0.0em;
        color: #fff;
        font-family: 'cwTeXYen', sans-serif;
        border-right: 1px #ae95b5 solid;
        border-bottom: none;
    }



    /* 6. index_mid_btn */
    .index_mid_btn ul li {
        list-style: none; display: inline;
        padding: 10px 30px 0 76px;
        background-position: 30px;
    }



    /* 7. index_mid_banner */
    .index_mid_banner div.right_banner ul li {
        list-style: none;
        margin-bottom: 10px;
        float: left;
        padding-left: 45px;
    }










}