﻿/* ======  reset  ====== */

.page-width { width:auto; max-width:1200px; _width:1200px; margin:0 auto}
.tabs-panes{min-height:160px;}
.qhd-contents p { margin-bottom:5px;font-size:18px;line-height:36px; color:#28a7e1;text-align:center } 
/* ====== Tab & Accordion ====== */

.tabs-default .tabs-navv { font-size:0; }
.tabs-default .tabs-navv li { display:inline-block; *display:inline; *zoom:1; margin-right:1px; margin-bottom:3px; }
.tabs-default .tabs-navv li a { float:left; display:block; padding:0 32px; line-height:38px; background-color:#222326; font-size:14px; color:#808080; text-decoration:none; cursor:pointer; transition:all 0.5s ease 0s; }
.tabs-default .tabs-navv li a:hover { background-color:#292b2e; text-decoration:none; }
.tabs-default .tabs-navv li a.current, .tabs-default .tabs-navv li a.current:hover { background-color:#fab702; color:#222; }
.tabs-default .tabs-navv li a span { display:inline-block; *display:inline; *zoom:1; }
.tabs-default .tabs-navv li a i { float:left; display:inline; width:20px; height:20px; overflow:hidden; margin-right:5px; position:relative; top:12px; background-position:center center; background-repeat:no-repeat; }
.tabs-default .tabs-panes { }
.tabs-default .tabs-panes .tab-boxx { display:none; padding:0; width:auto; }
 
.tab-roundd {  margin-top:20px;}
.tab-roundd .tabs-navv li { margin:0 31px 1px; float:left; _display:block; }
.tab-roundd .tabs-navv li i.line-v { display:block; width:1px; height:50px; overflow:hidden; position:relative; left:50%; background-color:transparent; }
.tab-roundd .tabs-navv li i.line-v-c { background-color:#28a7e1; }
.tab-roundd .tabs-navv li a { line-height:normal; padding:0; margin:0; width:160px; height:160px; border:2px solid #28a7e1; border-radius:50%; background-color:#28a7e1; color:#fff; text-align:center; }
.tab-roundd .tabs-navv li a span { margin-bottom:10px; font-size:28px; margin-top:60px; }
.tab-roundd .tabs-navv li a em { display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.tab-roundd .tabs-navv li a:hover { background-color:#36b9f7; border-color:#36b9f7; color:#fff; }
.tab-roundd .tabs-navv li a.current, .tab-roundd .tabs-navv li a.current:hover { background-color:transparent; border-color:#28a7e1; color:#28a7e1; }
.tab-roundd .tabs-navv .tab-nav-item-hasSummary-round span { margin-top:55px; }
.tab-roundd .tabs-navv .tab-nav-item-hasSummary-rounds span { margin-top:28px; }
.tab-roundd .tabs-panes .tab-boxx { padding-top:0; }
.tab-roundd .tab-box-content-line i { display:block; width:100%; height:1px; overflow:hidden; margin-bottom:25px; background-color:#28a7e1; clear:both; }

.light-box .tab-roundd .tabs-navv li a:hover { background-color:#fab702; border-color:#fab702; color:#222 !important; }
.light-box .tab-roundd .tabs-navv li a.current, .tab-roundd .tabs-navv li a.current:hover { background-color:transparent; border-color:#666; }
.light-box .tab-roundd .tabs-navv li i.line-v-c { background-color:#666; }
.light-box .tab-roundd .tab-box-content-line i { background-color:#666; }




/* ======  reset  ====== */

.page-width { width:auto; max-width:1200px; _width:1200px; margin:0 auto}
.tabs-panes{min-height:130px;}
.qhd-content p { margin-bottom:5px;font-size:18px;line-height:1.6; color:#28a7e1 } 
/* ====== Tab & Accordion ====== */

.tabs-default .tabs-nav { font-size:0; }
.tabs-default .tabs-nav li { display:inline-block; *display:inline; *zoom:1; margin-right:1px; margin-bottom:3px; }
.tabs-default .tabs-nav li a { float:left; display:block; padding:0 32px; line-height:38px; background-color:#222326; font-size:14px; color:#808080; text-decoration:none; cursor:pointer; transition:all 0.5s ease 0s; }
.tabs-default .tabs-nav li a:hover { background-color:#292b2e; text-decoration:none; }
.tabs-default .tabs-nav li a.current, .tabs-default .tabs-nav li a.current:hover { background-color:#fab702; color:#222; }
.tabs-default .tabs-nav li a span { display:inline-block; *display:inline; *zoom:1; }
.tabs-default .tabs-nav li a i { float:left; display:inline; width:20px; height:20px; overflow:hidden; margin-right:5px; position:relative; top:12px; background-position:center center; background-repeat:no-repeat; }
.tabs-default .tabs-panes { }
.tabs-default .tabs-panes .tab-box { display:none; padding:30px 0 0; width:auto; }
 
.tab-round {  margin-top:60px;}
.tab-round .tabs-nav li { margin:0 20px 1px; float:left; _display:block; }
.tab-round .tabs-nav li i.line-v { display:block; width:1px; height:50px; overflow:hidden; position:relative; left:50%; background-color:transparent; }
.tab-round .tabs-nav li i.line-v-c { background-color:#28a7e1; }
.tab-round .tabs-nav li a { line-height:normal; padding:0; margin:0; width:120px; height:120px; border:2px solid #28a7e1; border-radius:50%; background-color:#28a7e1; color:#fff; text-align:center; }
.tab-round .tabs-nav li a span { margin-bottom:10px; font-size:18px; margin-top:60px; }
.tab-round .tabs-nav li a em { display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.tab-round .tabs-nav li a:hover { background-color:#36b9f7; border-color:#36b9f7; color:#fff; }
.tab-round .tabs-nav li a.current, .tab-round .tabs-nav li a.current:hover { background-color:transparent; border-color:#28a7e1; color:#28a7e1; }
.tab-round .tabs-nav .tab-nav-item-hasSummary-round span { margin-top:42px; }
.tab-round .tabs-nav .tab-nav-item-hasSummary-rounds span { margin-top:28px; }
.tab-round .tabs-panes .tab-box { padding-top:0; }
.tab-round .tab-box-content-line i { display:block; width:100%; height:1px; overflow:hidden; margin-bottom:25px; background-color:#28a7e1; clear:both; }

.light-box .tab-round .tabs-nav li a:hover { background-color:#fab702; border-color:#fab702; color:#222 !important; }
.light-box .tab-round .tabs-nav li a.current, .tab-round .tabs-nav li a.current:hover { background-color:transparent; border-color:#666; }
.light-box .tab-round .tabs-nav li i.line-v-c { background-color:#666; }
.light-box .tab-round .tab-box-content-line i { background-color:#666; }




@media screen and (max-width:480px) {

.tabs-default .tabs-nav {font-size: 0;margin-left:12px;}
.tab-round .tabs-nav li a {width: 78px;		height: 78px;	}
.tab-round .tabs-nav li a span {margin-bottom: 10px;    font-size: 14px;    margin-top: 20px;}
.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {margin-bottom: 10px;		font-size: 14px;		margin-top:26px;	}
.tab-round .tabs-nav .tab-nav-item-hasSummary-rounds span {margin-top: 16px;}
.tab-round .tabs-nav li {margin: 0 1px 0 5px;    float: left;}
.tab-round { margin-top: 20px;}
.tab-round .tabs-nav li i.line-v {display: block; width: 1px;height: 10px; overflow: hidden; position: relative; left: 50%; background-color: transparent;}
.qhd-contents p {   margin-bottom: 5px;    font-size: 16px;    line-height: 32px;    color: #28a7e1;    text-align: center;padding:0 5%}


.tabs-default .tabs-navv {font-size: 0;margin-left:12px;}
.tab-roundd .tabs-navv li a {width: 60px;		height: 60px;	}
.tab-roundd .tabs-navv li a span {margin-bottom: 10px;    font-size: 14px;    margin-top: 20px;}
.tab-roundd .tabs-navv .tab-nav-item-hasSummary-round span {margin-bottom: 10px;		font-size: 14px;		margin-top:20px;	}
.tab-roundd .tabs-navv .tab-nav-item-hasSummary-rounds span {margin-top: 16px;}
.tab-roundd .tabs-navv li {margin: 0 1px 0 5px;    float: left;}
.tab-roundd { margin-top: 20px;}
.tab-roundd .tabs-navv li i.line-v {display: block; width: 1px;height: 10px; overflow: hidden; position: relative; left: 50%; background-color: transparent;}
.qhd-content p {margin-bottom: 5px; font-size: 16px; line-height: 1.6;  color: #28a7e1;padding:0 5%}




}